<template>
	<view>
		<comHeader :config="navConfig" :rightIcoTapHandle="rightIcoTapHandle"/>
		<!-- <view @tap="sure" class="queding">确定</view> -->
		
		<view class="table1">
				<view class="label">标题</view>
				<input class="one" confirmtype="text" placeholder="为你的专辑添加一个标题"/><br>
				<hr>
				<view class="label">简介</view>
				<input class="two" confirmtype="text" placeholder="简单介绍一下你的专辑吧"/>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				navConfig:{
					isFixed:false, //是否absolute布局
					comScroll:0,
					left:{
						
						isShowLeft:true,
						leftGobackColor:'black', //左边返回icon颜色
					},
					mid:{
						isShowMid:true,
						text:'新建专辑'
					},
					right:{
						text:'确定',
						isShowRight:true,
					}
				},
			}
		},
		methods:{
			goCollectDetail(){
				uni.navigateTo({
					url: '/pages/my/myCollection/JQcollection'
				});
			},
			rightIcoTapHandle(){
				console.log(999999);
			},
			sure() {
				uni.showModal({
				    title: '温馨提示',
				    content: '您已有该专辑，是否跳到该专辑？',
					// confirmText:"删除",
					confirmColor:"#5776FE",
				    success: function (res) {
				        if (res.confirm) {
				            console.log('用户点击确定');
								uni.navigateTo({
									url: '/pages/my/myCollection/JQcollection'
								})
				        } else if (res.cancel) {
				            console.log('用户点击取消');
				        }
				    }
				});
			},
			
		},
	}
</script>

<style>
	.queding{
		color: #559EFF;
		position: absolute;
		font-size: 30upx;
		margin-left: 650upx;
		margin-top: -60upx;
	}
	.table1{
		width: 690upx;
		height: 240upx;
		box-shadow: 0px 0px 15px 0px rgba(232,232,232,1);
		margin-left: 30upx;
		margin-top: 107upx;
	}
	.table1 .label{
		width: 120upx;
		height: 26upx;
		font-size: 28upx;
		font-family: PingFang SC Regular;
		color: #333333;
		margin-left: 52upx;
		margin-top: 34upx;
		float: left;
	}
	.table1 .one{  
		margin-left: 90upx;
		margin-top: 30upx;
		width: 320upx;
		height: 26upx;
		font-size: 28upx;
		font-family: PingFang SC Regular;
		color: #BBBBBB;
		float: left;
	}
	.table1 hr{
		border: none;
		margin-left: 42upx;
		width: 644upx;
		height: 0.1upx;
		color: #F6F6F6;
		margin-top: 40upx;
	}
	.table1 .two{
		margin-left: 90upx;
		margin-top: 30upx;
		width: 320upx;
		height: 26upx;
		font-size: 28upx;
		font-family: PingFang SC Regular;
		color: #BBBBBB;
		float: left;
	}
</style>
